<template>
  <div class="attr">
    <el-scrollbar class="scrollbar">
      <BaseConfig v-if="type !== 'operat'"></BaseConfig>
      <!-- 私有配置 -->
      <component :is="component"></component>
      <!-- <OptionsConfig v-if="tag === 'van-pick'"></OptionsConfig> -->
      <!-- <RegularConfig></RegularConfig> -->
    </el-scrollbar>
  </div>
</template>

<script>
import BaseConfig from '../publicConfig/baseConfig'
import {configMap} from '../../../data'
import { mapState } from 'vuex'
export default {
  name: 'attr',
  components: {
    BaseConfig
  },
  data() {
    return {}
  },
  computed: {
    ...mapState('pageData', ['activeFormData']),
    type() {
      return this.activeFormData?.type || ''
    },
    component() {
      return configMap[this.activeFormData?.tag]
    }
  }
}
</script>

<style lang="scss" scoped>
.scrollbar {
  // padding-right: 10px;
  // overflow: auto;
  height: calc(100vh - 185px);
}

::v-deep .el-scrollbar__wrap {
  overflow-x: hidden;
}
.is-horizontal {
  // display: none;
}
</style>